script.js 加入收藏按鈕切換（如果你還沒有 script.js，就新增一個檔案並在 HTML <body> 結尾前用 <script src="script.js"></script> 引入）
// Day 5：收藏按鈕互動
document.addEventListener("DOMContentLoaded", () => {
const favButtons = document.querySelectorAll(".fav");
favButtons.forEach(btn => {
btn.addEventListener("click", () => {
const isFav = btn.getAttribute("aria-pressed") === "true";
btn.setAttribute("aria-pressed", String(!isFav));
btn.textContent = isFav ? "★ 收藏" : "✅ 已收藏";
});
});
});
style.css 末尾加一點效果/* Day 5：收藏狀態樣式 */
.fav[aria-pressed="true"] {
background: #fef3c7;
border-color: #f59e0b;
color: #b45309;
font-weight: 600;
}
iThome鐵人賽
看影片追技術